<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>我的购物车-小米商城</title>
    <link rel="stylesheet" href="../css/public.css"><!-- 引用css公用样式表 -->
    <link rel="stylesheet" href="../css/cart.css"><!-- 引用cart的css样式表 -->
    <link rel="stylesheet" href="../font/iconfont.css"> <!--图片字体  --> 
    <link rel="shortcut icon" href="../images/favicon.ico"/><!-- 标题图标 -->
</head>
<body>
    <!-- 遮罩 -->
    <div class="zhezhao"></div>
    <div class="top">
        <div class="topCen">
            <a href="./index.html" class="animateLogo">
                <span class="iconfont LOGO">&#xe604;</span>
                <span class="iconfont house">&#xe625;</span>
            </a>
            <p class="txt">我的购物车</p>
            <ul>
                <li>
                    <a href="./register.html" class="yuan">注册</a>
                    <a href="./grzx.html" class="now mydingdan">我的订单</a>
                </li>
                <li><a href="#">|</a></li>
                <li>
                    <a href="./login.html" class="yuan">登入</a>
                    <a href="#" class="now mingzi"></a>
                    <i class="iconfont jian now">&#xe60e;</i>
                </li>
            </ul>
            <ol id="personal">
                <li><a href="./grzx.html">个人中心</a></li>
                <li><a href="./grzx.html">评价晒单</a></li>
                <li><a href="./grzx.html">我的喜欢</a></li>
                <li><a href="./grzx.html">小米账户</a></li>
                <li><a href="javascript:;" class="outBtn">退出登录</a></li>
            </ol>
        </div>
    </div>
    <!-- 
        top
        end
    -->
    <div class="main">
        <div class="mainCen">
            <!-- 无商品时的购物车 -->
            <div class="main_1 clearfix">
                <div class="dog"><img src="../images/cartimg/dog_03.gif" alt=""></div>
                <div class="shopCart">
                    <h2>您的购物车还是空的</h2>
                    <h3>登录后将显示您之前加入的商品</h3>
                    <p>
                        <span class="loginBtn"><a href="./login.html">立即登录</a></span>
                        <span class="shopBtn"><a href="./index.html">马上去购物</a></span>
                    </p>
                </div>
            </div>
            <!-- 有商品时候的购物车 -->
            <div class="shopCartList">
                <!-- 头部 -->
                <div class="list-head clearfix">
                    <div class="col col-check">
                        <i class="colorBox_0 h_color">√</i>
                    </div>
                    <div class="col col-img">&nbsp;</div>
                    <div class="col col-name">商品名称</div>
                    <div class="col col-price">单价</div>
                    <div class="col col-num">数量</div>
                    <div class="col col-total">小计</div>
                    <div class="col col-action">操作</div>
                </div>
                <!-- 表格 -->
                <div class="list-body">
                    <!-- 数据1 -->
                    <!-- <div class="item-box">
                        <div class="item-row clearfix">
                            <div class="col col-check">
                                <i>√</i>
                            </div>
                            <div class="col col-img"><img src="../images/lis.png" alt="图片加载失败"></div>
                            <div class="col col-name">Redmi K30 Pro 变焦版 8GB+256GB 天际蓝</div>
                            <div class="col col-price">3399元</div>
                            <div class="col col-num ">
                                <div class="change-goods-num clearfix">
                                    <a href="#">-</a>
                                    <input type="text" value="1">
                                    <a href="#">+</a>
                                </div>
                            </div>
                            <div class="col col-total colornum">3399元</div>
                            <div class="col col-action">
                                <a href="#">
                                    <em class="iconfont">&#xe60d;</em>
                                </a>
                            </div>
                        </div>
                    </div> -->
                    <!-- 数据1 结束--> 
                </div>
                <!-- 弹出的确认窗口 -->
                <div class="middleBox">
                    <div class="middleBox_1">
                        <div class="cuo">
                            <a href="#">
                                <em class="iconfont deli">&#xe60d;</em>
                            </a>
                        </div>
                        <h3>确定删除吗</h3>
                    </div>
                    <div class="middleBox_2">
                        <span class="queren">确定</span>
                        <span class="quxiao">取消</span>
                    </div>
                </div>
                <!-- 总计 -->
                <div class="cart-bar clearfix">
                    <div class="section-left">
                        <a href="./index.html" class="back-shopping">继续购物</a>
                        <span>
                            共
                            <i class="shopNumber"></i>
                            件商品，已选择 
                            <i class="checkBOx">0</i>
                            件
                        </span>
                    </div>
                    <span class="total-price">
                        合计
                        <em class="shopmany">0</em>
                        元
                        <a href="#" class="goshopping">去结算</a>
                    </span>
                    <div class="no-select-tip">
                        请勾选需要结算的商品
                        <i class="arrow arrow-a"></i>
                        <i class="arrow arrow-b"></i>
                    </div>
                </div>
            </div>
            <!-- 购物车结束 -->
            <div class="main_2">
                <h4>
                    <span>为您推荐</span>
                </h4>
                <ul class="lastshop">

                </ul> 
            </div>
        </div>
    </div>
    <!-- 
        main
        end
    -->
    <div class="footer">
        <div class="container footerCen">
            <div class="footer-service">
                <ul>
                    <li><a href="#"><em class="iconfont">&#xe606;</em>预约维修服务</a></li>
                    <li><a href="#"><em class="iconfont">&#xe602;</em>7天无理由退货</a></li>
                    <li><a href="#"><em class="iconfont">&#xe616;</em>15天免费换货</a></li>
                    <li><a href="#"><em class="iconfont">&#xe601;</em>满99元包邮</a></li>
                    <li><a href="#"><em class="iconfont">&#xe6ab;</em>520余家售后网点</a></li>   
                </ul>
            </div>
            <div class="list-service">
                <dl class="col-links">
                    <dt>帮助中心</dt>
                    <dd><a href="#">账户管理</a></dd>
                    <dd><a href="#">购物指南</a></dd>
                    <dd><a href="#">订单操作</a></dd>
                </dl>
                <dl class="col-links">
                    <dt>服务支持</dt>
                    <dd><a href="#">售后政策</a></dd>
                    <dd><a href="#">自助服务</a></dd>
                    <dd><a href="#">相关下载</a></dd>
                </dl>
                <dl class="col-links">
                    <dt>线下门店</dt>
                    <dd><a href="#">小米之家</a></dd>
                    <dd><a href="#">服务网点</a></dd>
                    <dd><a href="#">授权体验店</a></dd>
                </dl>
                <dl class="col-links">
                    <dt>关于小米</dt>
                    <dd><a href="#">了解小米</a></dd>
                    <dd><a href="#">加入小米</a></dd>
                    <dd><a href="#">投资者关系</a></dd>
                    <dd><a href="#">企业社会责任</a></dd>
                    <dd><a href="#">廉洁举报</a></dd>
                </dl>
                <dl class="col-links">
                    <dt>关注我们</dt>
                    <dd><a href="#">新浪微博</a></dd>
                    <dd><a href="#">官方微信</a></dd>
                    <dd><a href="#">联系我们</a></dd>
                    <dd><a href="#">公益基金会</a></dd>
                </dl>
                <dl class="col-links">
                    <dt>特色服务</dt>
                    <dd><a href="#">F 码通道</a></dd>
                    <dd><a href="#">礼物码</a></dd>
                    <dd><a href="#">防伪查询</a></dd>
                </dl>
                <div class="col-contact">
                    <p class="phone">400-100-5678</p>
                    <p>8:00-18:00（仅收市话费）</p>
                    <a href="#" class="btn"><em class="iconfont">&#xe607;</em> 人工客服 </a>
                    <div class="guanzhu">
                        关注小米：
                        <a href="#" class="weibo "><span class="iconfont">&#xe626;</span></a>
                        <a href="#" class="weixing "><span class="iconfont">&#xe614;</span></a>
                        <img src="../images/wx-img.png" alt="图片加载失败" class="weixingImg">
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 
        footer 
        end 
    -->
    <div class="copy">
        <div class="container copyCen">
            <div class="logo">
                <span class="iconfont">&#xe604;</span>
            </div>
            <div class="text">
                <p class="txt_1">
                    <a href="#">小米商城</a>
                    <span>|</span>
                    <a href="#">MIUI</a>
                    <span>|</span>
                    <a href="#">米家</a>
                    <span>|</span>
                    <a href="#">米聊</a>
                    <span>|</span>
                    <a href="#">多看</a>
                    <span>|</span>
                    <a href="#">游戏</a>
                    <span>|</span>
                    <a href="#">政企服务</a>
                    <span>|</span>
                    <a href="#">小米天猫店</a>
                    <span>|</span>
                    <a href="#">小米集团隐私政策</a>
                    <span>|</span>
                    <a href="#">小米公司儿童信息保护规则</a>
                    <span>|</span>
                    <a href="#">小米商城隐私政策 </a>
                    <span>|</span>
                    <a href="#">小米商城用户协议 </a>
                    <span>|</span>
                    <a href="#">问题反馈</a>
                    <span>|</span>
                    <a href="#">Select Location</a>
                </p>
                <p class="txt_2">
                    &copy;
                    <a href="#">mi.com</a>
                    京ICP证110507号
                    <a href="#">京ICP备10046444号</a>
                    <a href="#">京公网安备11010802020134号</a>
                    <a href="#">京网文[2020]0276-042号</a>
                    <br/>
                    <a href="#">（京）网械平台备字（2018）第00005号</a>
                    <a href="#">互联网药品信息服务资格证 (京)-非经营性-2014-0090</a>
                    <a href="#">营业执照</a>
                    <a href="#">医疗器械质量公告</a>
                    <br/>
                    <a href="#">增值电信业务许可证</a>
                    网络食品经营备案 京食药网食备202010048&nbsp; 
                    <a href="#">食品经营许可证</a>
                    <br/>     
                    违法和不良信息举报电话：171-5104-4404&nbsp;
                    <a href="#">知识产权侵权投诉</a>
                    本网站所列数据，除特殊说明，所有数据均出自我司实验室测试
                </p>
            </div>
            <div class="lianjie">
                <a href="#"><img src="../images/truste.png" alt="" class="img_3"></a>
                <a href="#"><img src="../images/v-logo-2.png" alt="" class="img_3"></a>
                <a href="#"><img src="../images/v-logo-1.png" alt="" class="img_3"></a>
                <a href="#" class="anquan">
                    <img src="../images/securit_2.png" alt=""class="anquanimg_2 imag">
                    <img src="../images/securit.png" alt="" class="anquanimg_1 imag"> 
                </a>
            </div>
            <div class="last">
                让全球每个人都能享受科技带来的美好生活
            </div>
        </div>
    </div>
    <!-- 
        copy 
        end 
    -->
</body>
<script src="../lib/jQuery/jquery.min.js"></script><!-- jquery文件 -->
<SCRipt src="../js/cookie.js"></SCRipt><!-- 获得设置cookie的文件 -->
<script src="../js/cart.js"></script><!-- cart购物车的js文件 -->
<script src="../js/indexcart.js"></script><!-- 与首页相同的特效 -->
</html>